<template>

  <div class="deal">
    <mt-header fixed :title="detail.title">
      <span @click="jump" slot="left"><mt-button icon="back"></mt-button></span>
    </mt-header>
    <div class="cont">
      <div class="title">
        {{detail.title}}
      </div>
      <div class="content" v-html="detail.content">
      </div>
    </div>

  </div>
</template>

<script>
  export default {

    name: 'news',
    data() {
      return {
         id:null,
         detail:{
           title:'',
           content:''
         }
      };
    },

    created: function() {},
    watch: {

    },
    mounted() {
      console.log(this.$route.query.id)
      this.id = this.$route.query.id;
      this.getDealContent()

    },
    methods: {
      jump() {
       this.$router.go(-1); //返回上一层
      },
      getDealContent(){
         let param = {};
          param.id = this.id;
          this.$get('addons/tf-futures/article/detail', param).then(res => {
            // console.log(res);
            if (res.code == 200 ) {
                this.detail =res.data;
            } else {
              this.$layer.msg(res.message);
            }
          });
      }
    }

  };
</script>

<style scoped>
  .mint-header {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #F1F1F1;
  }

  .line {
    border-bottom: 1px solid #E0E0E0;
  }

  .cell-img {
    width: .6rem;
    height: .6rem;
    margin-right: .5rem;
  }

  /deep/ .mint-cell-text {
    font-size:30px;
    color: #333;
    font-weight: 600;
  }

  .cont {
    padding: .3rem;
    margin: 80px auto 0 auto;
  }
  .title{
    font-size:30px;
    color: #000;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content{
    font-size:30px;
    color: #000;
  }
</style>
